<!--
 * @Author: your name
 * @Date: 2021-11-20 00:11:16
 * @LastEditTime: 2021-11-20 00:14:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \jf-nlitc\src\views\Home\swyzt\swjc\sk\index.vue
-->
<template>
    <!-- 水库 -->
    <div class="right">
        <Top />
        <Middle />
        <Bottom />
    </div>
</template>

<script>
import Top from './right_top.vue'
import Middle from './right_middle.vue'
import Bottom from './right_bottom.vue'
export default {
    data() {
        return {}
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    components: { Top, Middle, Bottom },
}
</script>

<style lang="scss" scoped>
.right {
    width: 46%;
    // height: calc(100% - 20px);
    position: absolute;
    right: 0;
    top: 0px;
    //   background: rgb(49, 180, 174);
    // border: 1px solid red;
}
</style>
